
body{
    height: 10000px;
}
/* 海报 */
.banner .banner_box{
    margin: 0 auto;
    padding: 24px 42px 0;
    width: 450px;
    height: 210px;
    color: white;
    text-align: center;
    background: url(../imgs/border.png) no-repeat;
    box-sizing: border-box;
}
.banner .banner_box h2{
    font-size: 44px;
    line-height: 82px;
}
.banner .banner_box p{
    font-size: 20px;
    line-height: 30px;
}
/* 产品开始 */
.product{
    margin-top: 27px;
}
.product>ul li{
    box-sizing: border-box;
    float: left;
    width: 400px;
    height: 210px;
    padding: 24px 36px 0; 
    text-align: center; 
}
.product>ul li:first-child{
    background: url(../imgs/01.jpg) no-repeat;
}
.product>ul li:nth-child(2){
    background: url(../imgs/02.jpg) no-repeat;
}
.product>ul li:last-child{
    background: url(../imgs/03.jpg) no-repeat;
}
.product>ul li h3{
    font-size: 20px;
    color: white;
    line-height: 60px;
}
.product>ul li p{
    font-size: 14px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
}
/* 产品展示 */
.product .product_show{
    margin-top: 86px;
}
.product_show_title h2 span{
    font-size: 22px;
    color: #bbb8b5;
    margin-left: 12px;
}
.product_show_left{
    width: 594px;
}
.product_show_left ul li{
    position: relative;
    float: left;
    margin-right: 27px;
}
.product_show_left ul li:nth-child(n+3){
    margin-top: 27px;
}
.product_show_left ul li::after{
    content: "";
    display: block;
    width: 270px;
    height: 0%;
    position: absolute;
    left: 0;
    top: 0;
    transition: height .5s;
}
.product_show_left ul li:hover::after{
    height: 100%;
}
.product_show_left ul li:first-child::after{
    background: url(../imgs/pic01-01.jpg);
}
.product_show_left ul li:nth-child(2)::after{
    background: url(../imgs/pic02-01.jpg);
}
.product_show_left ul li:nth-child(3)::after{
    background: url(../imgs/pic03-01.jpg);
}
.product_show_left ul li:last-child::after{
    background: url(../imgs/pic04-01.jpg);
}
.product_show_right{
    position: relative;
}
.product_show_right img{
    height: 577px;
}
.product_show_right::after{
    content: "";
    display: block;
    width: 600px;
    height: 0%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../imgs/pic05-01.jpg) no-repeat;
    transition: height .5s;
}
.product_show_right:hover::after{
    height: 100%;
}
/* 关于我们 */
.aboutus{
    overflow: hidden;
    text-align: center;
    width: 1920px;
    height: 510px;
    margin: 50px auto 0;
    background: url(../imgs/banner3.jpg) no-repeat;
}
.aboutus h2{
    margin: 79px 0 27px 0;
    height: 52px;
    font-size: 30px;
    color: #3c3c3c;
    background: url(../imgs/nav_bg02.png) no-repeat;
    background-position: center bottom;
}
.aboutus p{
    width: 684px;
    margin: 0 auto;
    font-size: 14px;
    color: #6b6b6b;
    line-height: 34px;
}
.aboutus a{
    margin-top: 32px;
    display: inline-block;
    width: 155px;
    height: 46px;
    font-size: 14px;
    text-align: center;
    line-height: 46px;
    border-radius: 46px;
    background-color: #25bbce;
    color: white;
}
/* 新闻开始 */
.news{
    margin-bottom: 150px;
}
.news .product_show_title{
    margin: 64px 0 35px 0;
}
.news ul li{
    float: left;
    width: 380px;      
}
.news ul li img{
    margin-bottom: 10px;
}
.news ul li p{
    font-size: 14px;
    color: #6a6a6a;
    line-height: 34px;
    border-bottom: 4px solid #e3e3e4;
}
.news ul li a{
    font-size: 15px;
    color: #5bcaf0;
}
.news ul li span{
    float: right;
    font-size: 12px;
    color: #a5a5b1;
}
.news ul li:nth-child(2){
    margin: 0 29px;
}
